<template>
	<div class="hello">
		<h3>echarts 样式测试</h3>
		<ul>
			<li>
				<a href="/doughnutDiagram" target="_blank" rel="noopener"
					>线性渐变环形图</a
				>
			</li>
			<li>
				<a href="/ringChart" target="_blank" rel="noopener"
					>渐变色圆角双环形图</a
				>
			</li>
			<li>
				<a href="/gapRingChart" target="_blank" rel="noopener">间隙环形图</a>
			</li>
		</ul>
	</div>
</template>

<script>
export default {
	name: 'Home',
	props: {
		msg: String
	}
};
</script>

<style scoped>
h3 {
	margin: 40px 0 0;
}
ul {
	list-style-type: none;
	padding: 0;
}
li {
	display: inline-block;
	margin: 0 10px;
}
a {
	color: #42b983;
}
</style>
